<div class="warn-container">
    <div class="display-flex" style="position: relative;padding-left: 45px;">
        <div class="cursor-pointer warn-title" (click)="changeShow('today')" [ngClass]="{'active':show=='today'}">今天</div>
        <div class="cursor-pointer warn-title" (click)="changeShow('three')" style="margin-left: 20px;" [ngClass]="{'active':show=='three'}">三天</div>
        <div class="cursor-pointer warn-title" (click)="changeShow('week')" style="margin-left: 20px;" [ngClass]="{'active':show=='week'}">一周</div>
    </div>
    <div id="pdf">
        <es-table [headers]="headers" (sortEvent)="sortEvent($event)" [datas]="datas" #table>
            <ng-template let-data>
                <es-table-column [header]="data.h" [data]="data.d" [field]="'startTime'">
                    {{getDate(data.d.startTime)}}
                </es-table-column>
                <es-table-column [header]="data.h" [data]="data.d" [field]="'endTime'">
                    {{getDate(data.d.endTime)}}
                </es-table-column>
                <es-table-column [header]="data.h" [data]="data.d" [field]="'warn'">
                    {{data.d.warn}}
                </es-table-column>
                <es-table-column [header]="data.h" [data]="data.d" [field]="'name'">
                    {{data.d.name}}
                </es-table-column>
                <es-table-column [header]="data.h" [data]="data.d" [field]="'level'" [ngClass]="{'red-tip':data.d.level=='high'}">
                    {{getLevel(data.d.level)}}
                </es-table-column>
                <es-table-column [header]="data.h" [data]="data.d" [field]="'assignTo'">
                    {{data.d.assignTo}}
                </es-table-column>
                <es-table-column [header]="data.h" [data]="data.d" [field]="'releation'">
                    {{data.d.releation}}
                </es-table-column>
                <es-table-column [header]="data.h" [data]="data.d" [field]="'reason'">
                    {{data.d.reason}}
                </es-table-column>
            </ng-template>
        </es-table>
    </div>
    <div class="pagination">
        <pagination [total]='totalCount' [(nowPage)]="nowPage" [pageSize]='pageSize' (paginationEvent)="paginationChange()"></pagination>
    </div>
</div>